<div class="bloque productos">
    <div class="content">
        <div class="tabla top">
            <img src="<?= WWW ?>img/gse/categorias.jpg" />
        </div>
        <div class="titulo">Productos</div>
        <div class="sidemenu">
            <?php
            $i = 0;
            $categorias = $MODEL->query("SELECT id, nombre, img_ext, marcas, descripcion 
                                         FROM categorias 
                                         WHERE estado='Activa' ORDER BY orden ASC");
            foreach ($categorias as $categoria) {
                $last_color = ($i % 2 ? 'par' : 'impar');
                echo '<div class="sidemenu_' . $last_color . '" rel="' . $categoria['categorias']['id'] . '">' . $categoria['categorias']['nombre'] . '</div>';
                $i++;
            }
            $fill_height = 321 - 25 * $i;
            ?>
            <div class="sidemenu_fill_<?= $last_color ?>" style="height: <?= $fill_height ?>px !important;"></div>
        </div>
        <div class="tabla productos" id="productos" style="height: 331px !important;">
        </div>
    </div>
</div>